<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>@section('title')
        Administration
        @show</title>
    <meta name="keywords" content="@yield('keywords')" />
    <meta name="author" content="@yield('author')" />
    <!-- Google will often use this as its description of your page/site. Make it good. -->
    <meta name="description" content="@yield('description')" />

    <!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters -->
    <meta name="google-site-verification" content="">

    <!-- Dublin Core Metadata : http://dublincore.org/ -->
    <meta name="DC.title" content="Project Name">
    <meta name="DC.subject" content="@yield('description')">
    <meta name="DC.creator" content="@yield('author')">

    <!--  Mobile Viewport Fix -->
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

    <!-- This is the traditional favicon.
     - size: 16x16 or 32x32
     - transparency is OK
     - see wikipedia for info on browser support: http://mky.be/favicon/ -->
    <link rel="shortcut icon" href="{{{ asset('assets/ico/favicon.png') }}}">

    <!-- iOS favicons. -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{{ asset('assets/ico/apple-touch-icon-144-precomposed.png') }}}">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{{ asset('assets/ico/apple-touch-icon-114-precomposed.png') }}}">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{{ asset('assets/ico/apple-touch-icon-72-precomposed.png') }}}">
    <link rel="apple-touch-icon-precomposed" href="{{{ asset('assets/ico/apple-touch-icon-57-precomposed.png') }}}">


    <!-- CSS -->
    <!-- Bootstrap css file v2.3.2 -->
    <!--link rel="stylesheet" type="text/css" href="{{{ asset('assets/css/bootstrap-2.3.2.min.css') }}}">
    <link rel="stylesheet" type="text/css" href="{{{ asset('assets/css/bootstrap-responsive-2.3.2.min.css') }}}"-->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="{{{ asset('assets/css/bootstrap-ie6.css') }}}">
    <link rel="stylesheet" type="text/css" href="{{{ asset('assets/css/ie.css') }}}">
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="{{{ asset('back_end/css/jQueryUI/jquery-ui-1.10.3.custom.min.css') }}}">
    <!-- bootstrap 3.0.2 -->
    <link href="{{ asset('back_end/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="{{ asset('back_end/css/font-awesome.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="{{ asset('back_end/css/ionicons.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Morris chart -->
    <link href="{{ asset('back_end/css/morris/morris.css') }}" rel="stylesheet" type="text/css" />
    <!-- jvectormap -->
    <link href="{{ asset('back_end/css/jvectormap/jquery-jvectormap-1.2.2.css') }}" rel="stylesheet" type="text/css" />
    <!-- fullCalendar -->
    <link href="{{ asset('back_end/css/fullcalendar/fullcalendar.css') }}" rel="stylesheet" type="text/css" />
    <!-- Daterange picker -->
    <link href="{{ asset('back_end/css/daterangepicker/daterangepicker-bs3.css') }}" rel="stylesheet" type="text/css" />
    <!-- Bootstrap time Picker -->
    <link href="{{ asset('back_end/css/timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet"/>

    <link href="{{ asset('back_end/css/iCheck/minimal/blue.css') }}" rel="stylesheet" type="text/css" />
    <!-- Bootstrap datetime Picker -->
    <link href="{{ asset('back_end/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet"/>
    <!-- bootstrap wysihtml5 - text editor -->
    <link href="{{ asset('back_end/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}" rel="stylesheet" type="text/css" />


    <link href="{{ asset('assets/messenger/css/messenger.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/messenger/css/messenger-theme-future.css') }}" rel="stylesheet" type="text/css" />

    <!-- Theme style -->
    <link href="{{ asset('back_end/css/AdminLTE.css') }}" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" type="text/css" href="{{{ asset('back_end/css/main.css') }}}"/>

    <style>
        .skin-blue .navbar {
            background-color: #CD3F3F;
        }
        .skin-blue .logo {
            background-color: #CD3F3F;
            color: #f9f9f9;
        }
        .skin-blue .logo:hover {
            background: #CD3F3F;
        }
        @section('styles')
        @show
    </style>

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="{{asset('back_end/js/html5.js') }}"></script>
    <script src="{{asset('back_end/js/html5shiv.js') }}"></script>
    <script src="{{asset('back_end/js/respond.min.js') }}"></script>
    <![endif]-->

</head>
<body class="skin-blue">
<!-- header logo: style can be found in header.less -->
<header class="header">
    <a href="{{{ URL::to('back_end') }}}" class="logo">
        <!-- Add the class icon to your logo image or logo icon to add the margining -->
        {{{ Lang::get('general.title') }}}
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        @if( Confide::user() )
        <div class="navbar-right">
            <ul class="nav navbar-nav">

                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="glyphicon glyphicon-user"></i>
                        <span>{{{ Auth::user()->name() }}} <i class="caret"></i></span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- Menu Footer-->
                        <li class="user-footer">
                            <div class="pull-left">
                                <a href="{{{ URL::to(sprintf('back_end/staffs/modify_password/%d',  Auth::user()->attach->id)) }}}" class="btn btn-default btn-flat">修改密码</a>
                            </div>
                            <div class="pull-right">
                                <a href="{{{ URL::to('admin/logout') }}}" class="btn btn-default btn-flat">安全退出</a>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        @endif
    </nav>
</header>
<div class="wrapper row-offcanvas row-offcanvas-left">
    @yield('container')
</div>
    <!-- Javascripts -->
    <!--script src="{{asset('assets/js/jquery.min.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-affix.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-alert.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-button.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-carousel.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-collapse.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-dropdown.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-modal.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-popover.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-scrollspy.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-tab.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-tooltip.js')}}"></script>
    <script src="{{asset('assets/js/bootstrap-transition.js')}}"></script-->
    <!--[if lte IE 6]>

    <script type="text/javascript" src="{{asset('assets/js/bootstrap-ie.js') }}"></script>
    <![endif]-->

    <!-- jQuery 2.0.2 -->
    <script src="{{asset('back_end/js/jquery.min.js') }}"></script>
    <script src="{{asset('back_end/js/jquery.cookie.js') }}"></script>
    <!-- jQuery UI 1.10.3 -->
    <script src="{{asset('back_end/js/jquery-ui-1.10.3.min.js') }}" type="text/javascript"></script>
    <!-- Bootstrap -->
    <script src="{{asset('back_end/js/bootstrap.min.js') }}" type="text/javascript"></script>
    <!-- Morris.js charts
    <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="{{asset('back_end/js/plugins/morris/morris.min.js') }}" type="text/javascript"></script>-->
    <!-- InputMask -->
    <script src="{{asset('back_end/js/plugins/input-mask/jquery.inputmask.js') }}" type="text/javascript"></script>
    <script src="{{asset('back_end/js/plugins/input-mask/jquery.inputmask.date.extensions.js') }}" type="text/javascript"></script>
    <script src="{{asset('back_end/js/plugins/input-mask/jquery.inputmask.extensions.js') }}" type="text/javascript"></script>
    <!-- Sparkline -->
    <script src="{{asset('back_end/js/plugins/sparkline/jquery.sparkline.min.js') }}" type="text/javascript"></script>
    <!-- jvectormap -->
    <script src="{{asset('back_end/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('back_end/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}" type="text/javascript"></script>
    <!-- fullCalendar -->
    <script src="{{asset('back_end/js/plugins/fullcalendar/fullcalendar.min.js') }}" type="text/javascript"></script>
    <!-- jQuery Knob Chart -->
    <script src="{{asset('back_end/js/plugins/jqueryKnob/jquery.knob.js') }}" type="text/javascript"></script>
    <!-- daterangepicker -->
    <script src="{{asset('back_end/js/plugins/daterangepicker/daterangepicker.js') }}" type="text/javascript"></script>
    <!-- Bootstrap datetime Picker -->
    <script src="{{ asset('back_end/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('back_end/js/bootstrap-datetimepicker.zh-CN.js') }}" charset="UTF-8"></script>

    <script src="{{ asset('back_end/js/plugins/timepicker/bootstrap-timepicker.min.js') }}" type="text/javascript"></script>
    <!-- Bootstrap WYSIHTML5 -->
    <script src="{{asset('back_end/js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}" type="text/javascript"></script>
    <!-- iCheck -->
    <script src="{{asset('back_end/js/plugins/iCheck/icheck.min.js') }}" type="text/javascript"></script>

    <!-- AdminLTE App -->
    <script src="{{asset('back_end/js/AdminLTE/app.js') }}" type="text/javascript"></script>

    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="{{asset('back_end/js/AdminLTE/dashboard.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{asset('back_end/js/AdminLTE/jquery.mockjax.js')}}"></script>
    <script type="text/javascript" src="{{asset('back_end/js/AdminLTE/jquery.autocomplete.js')}}"></script>

    <!-- Ck Editor -->
    <script src="{{asset('assets/ckeditor/ckeditor.js') }}" type="text/javascript"></script>

    <!-- Jquery File Upload -->
    <script type="text/javascript" src="{{asset('assets/jQuery-File-Upload-9.5.7/js/vendor/jquery.ui.widget.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/jQuery-File-Upload-9.5.7/js/jquery.iframe-transport.js') }}"></script>
    <script type="text/javascript" src="{{asset('assets/jQuery-File-Upload-9.5.7/js/jquery.fileupload.js') }}"></script>
    <!--[if gte IE 8]><script src="{{asset('assets/jQuery-File-Upload-9.5.7/js/cors/jquery.xdr-transport.js') }}"></script><![endif]-->

    <script type="text/javascript" src="{{asset('assets/messenger/js/messenger.min.js') }}"></script>

    <script type="text/javascript" src="{{asset('back_end/js/main.js') }}"></script>

    <script type="text/javascript">
        var imageUploadUrl = "{{{ URL::to('file/ck_upload') }}}"+"?_token={{{ csrf_token() }}}";
    </script>
    <script src="{{ asset('back_end/js/jquery-migrate-1.1.0.js') }}"></script>
    <script type="text/javascript" src="{{asset('back_end/js/jquery.jqprint-0.3.js') }}"></script>

<script type="text/javascript" src="{{asset('back_end/js/jquery.print.js') }}"></script>



    @yield('scripts')

</body>

</html>
